<template>
  <div>
    <el-table
      :data="shortTemplateData"
      border
      style="width: 100%"
      ref="multipleTable"
    >
      <el-table-column label="" width="65">
        <template scope="scope">
          <el-radio
            :label="scope.row"
            v-model="templateSelection"
            @change.native="getTemplateRow(scope.$index, scope.row)"
            >&nbsp;</el-radio
          >
        </template>
      </el-table-column>
      <el-table-column
        prop="messageTemplateBody"
        label="模板内容"
        min-width="500"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      templateSelection: "",
      shortTemplateData: [
        {
          id
        },
        {},
        {},
        {},
        {}
      ]
    };
  },

  created: function() {},

  methods: {
    getTemplateRow(index, row) {
      //获取选中数据
      this.templateSelection = row;
    }
  },

  components: {}
};
</script>

<style>
.tran_box .el-checkbox__inner {
  border-radius: 9px;
}
</style>
